<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="httli://www.w3.org/1999/xhtml">
<head>
    <link href="../Css/document.css" rel="stylesheet" tylie="text/css" />
    <title>jQuery.Syntax语法着色器</title>
    <script src="../JavaScript/packages/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script src="../JavaScript/packages/jquery-syntax-3.1.1/public/jquery.syntax.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	    $(function () {
	        $.syntax({ blockLayout: "fixed", theme: "paper" });
	    });
	</script>
    <style type="text/css">


#content h1 {
	margin-top: 0;
	font-size: 30pt;
}

table.basic {
	border-collapse: collapse;
	margin: auto;
	width: 90%;
}

table.basic thead th {
	border-bottom: 2px solid #6678b2;
	padding: 10px 8px;
}

table.basic thead th, table.basic tfoot th {
	font-family: "Lucida Grande", Sans-Serif;
	font-size: 12pt;
	text-align: left;
	color: #003399;
}

table th {
	font-weight: inherit;
}


table.basic tbody th,
table.basic tbody td {
	border: none;
	font-size: .9em;
	padding: 9px 8px 0px 8px;
	color: #666699
}

        .style1
        {
            font-weight: normal;
            color: #222;
        }
    </style>
</head>
<body>
    <h1 class="style1" style="text-shadow: 2px 2px 2px #eee;">
        jQuery.Syntax语法着色器使用说明
    </h1>
    在页面引入jquery、jquery.syntax.mini.js这两个JS文件,在head添加以下JS代码
    <pre  class="syntax brush-js">
    &lt;script type="text/javascript">
        $(function () {
    	    $.syntax({ blockLayout: "fixed", theme: "paper" });
        });
    &lt;/script></pre>

    在需要语法着色的地方使用pre元素<br /><br />
    <pre class="syntax brush-html">
    &lt;pre class="syntax brush-语言"><br />
       &nbsp;&nbsp;&nbsp;要着色的代码<br />
    &lt;/pre></pre>
    <h1 class="style1" style="text-shadow: 2px 2px 2px #eee;">
        jQuery.Syntax语法着色器支持语言列表
    </h1>
    <table class="basic">
        <thead>
            <tr>
                <th>
                    语言</th>
                <th>
                    别名</th>
                <th>
                    示例</th>
            </tr>
        </thead>
        <tr>
            <td>
                Apache Config</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("apache").join(", "));</SCRIPT>
                apache</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/blog/2009-04/apache-webdav-configuration">
                Apache Config</a></td>
        </tr>
        <tr>
            <td>
                AppleScript</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("applescript").join(", "));</SCRIPT>
                applescript</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/blog/2009-05/applescript-insanity">
                AppleScript</a></td>
        </tr>
        <tr>
            <td>
                Assembly</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("assembly").join(", "));</SCRIPT>
                assembly, asm</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/assembly">
                Assembly</a></td>
        </tr>
        <tr>
            <td>
                Bash</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("bash").join(", "));</SCRIPT>
                bash</td>
            <td>
                <a class="link" href="http://www.codeotaku.com/projects/rexec">Bash</a></td>
        </tr>
        <tr>
            <td>
                Bash Script</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("bash-script").join(", "));</SCRIPT>
                bash-script</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/rexec/documentation/daemon-exec">
                Bash Script</a></td>
        </tr>
        <tr>
            <td>
                Basic</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("basic").join(", "));</SCRIPT>
                basic, vb</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/basic">Basic</a></td>
        </tr>
        <tr>
            <td>
                C/C++/Objective-C</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("clang").join(", "));</SCRIPT>
                clang, cpp, c++, c, objective-c</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/clang">
                C/C++/Objective-C</a></td>
        </tr>
        <tr>
            <td>
                C#</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("csharp").join(", "));</SCRIPT>
                csharp, c-sharp, c#</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/csharp">C#</a></td>
        </tr>
        <tr>
            <td>
                CSS</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("css").join(", "));</SCRIPT>
                css</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/css">CSS</a></td>
        </tr>
        <tr>
            <td>
                Diff</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("diff").join(", "));</SCRIPT>
                diff, patch</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/diff">Diff</a></td>
        </tr>
        <tr>
            <td>
                Go</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("go").join(", "));</SCRIPT>
                go</td>
            <td>
                <a class="link" href="http://www.syntax-highlighting.com/p/show?id=2969">Go</a></td>
        </tr>
        <tr>
            <td>
                Haskell</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("haskell").join(", "));</SCRIPT>
                haskell</td>
            <td>
                <a class="link" href="http://programming.dojo.net.nz/languages/haskell">Haskell</a></td>
        </tr>
        <tr>
            <td>
                HTML</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("html").join(", "));</SCRIPT>
                html</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/html">HTML</a></td>
        </tr>
        <tr>
            <td>
                io</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("io").join(", "));</SCRIPT>
                io</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/io">io</a></td>
        </tr>
        <tr>
            <td>
                Java</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("java").join(", "));</SCRIPT>
                java</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/java">Java</a></td>
        </tr>
        <tr>
            <td>
                JavaScript</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("javascript").join(", "));</SCRIPT>
                javascript, js, actionscript</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/javascript">
                JavaScript</a></td>
        </tr>
        <tr>
            <td>
                Kai</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("kai").join(", "));</SCRIPT>
                kai</td>
            <td>
                <a class="link" href="http://www.codeotaku.com/research/kai">Kai</a></td>
        </tr>
        <tr>
            <td>
                Lisp</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("lisp").join(", "));</SCRIPT>
                lisp, scheme, clojure</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/lisp">Lisp</a></td>
        </tr>
        <tr>
            <td>
                Lua</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("lua").join(", "));</SCRIPT>
                lua</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/lua">Lua</a></td>
        </tr>
        <tr>
            <td>
                OCaml</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("ocaml").join(", "));</SCRIPT>
                ocaml, ml, sml, fsharp</td>
            <td>
                <a class="link" href="http://www.syntax-highlighting.com/p/show?id=2974">OCaml</a></td>
        </tr>
        <tr>
            <td>
                Object-Oriented C</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("ooc").join(", "));</SCRIPT>
                ooc</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/ooc">
                Object-Oriented C</a></td>
        </tr>
        <tr>
            <td>
                Pascal</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("pascal").join(", "));</SCRIPT>
                pascal, delphi</td>
            <td>
                <a class="link" href="http://programming.dojo.net.nz/languages/pascal">Pascal</a></td>
        </tr>
        <tr>
            <td>
                Perl 5</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("perl5").join(", "));</SCRIPT>
                perl5</td>
            <td>
                <a class="link" href="http://programming.dojo.net.nz/languages/perl">Perl 5</a></td>
        </tr>
        <tr>
            <td>
                PHP</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("php").join(", "));</SCRIPT>
                php</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/php">PHP</a></td>
        </tr>
        <tr>
            <td>
                Protocol Buffers</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("protobuf").join(", "));</SCRIPT>
                protobuf</td>
            <td>
                <a class="link" href="http://www.syntax-highlighting.com/p/show?id=2973">
                Protocol Buffers</a></td>
        </tr>
        <tr>
            <td>
                Python</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("python").join(", "));</SCRIPT>
                python</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/python">
                Python</a></td>
        </tr>
        <tr>
            <td>
                Ruby</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("ruby").join(", "));</SCRIPT>
                ruby</td>
            <td>
                <a class="link" href="http://www.codeotaku.com/projects/rubydns/index">Ruby</a></td>
        </tr>
        <tr>
            <td>
                Scala</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("scala").join(", "));</SCRIPT>
                scala</td>
            <td>
                <a class="link" href="http://www.syntax-highlighting.com/p/show?id=2965">Scala</a></td>
        </tr>
        <tr>
            <td>
                Smalltalk</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("smalltalk").join(", "));</SCRIPT>
                smalltalk</td>
            <td>
                <a class="link" href="http://programming.dojo.net.nz/languages/smalltalk">
                Smalltalk</a></td>
        </tr>
        <tr>
            <td>
                SQL</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("sql").join(", "));</SCRIPT>
                sql</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/sql">SQL</a></td>
        </tr>
        <tr>
            <td>
                SuperCollider</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("super-collider").join(", "));</SCRIPT>
                super-collider, sc</td>
            <td>
                <a class="link" href="http://www.syntax-highlighting.com/p/show?id=2972">
                SuperCollider</a></td>
        </tr>
        <tr>
            <td>
                XML</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("xml").join(", "));</SCRIPT>
                xml</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/xml">XML</a></td>
        </tr>
        <tr>
            <td>
                YAML</td>
            <td>
<SCRIPT type=text/javascript>document.write(Syntax.brushAliases("yaml").join(", "));</SCRIPT>
                yaml</td>
            <td>
                <a class="link" 
                    href="http://www.codeotaku.com/projects/jquery-syntax/examples/yaml">YAML</a></td>
        </tr>
    </table>
</body>
</html>
